<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>发通知</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <link rel="stylesheet" href="lib/weui.min.css">
    <link rel="stylesheet" href="css/jquery-weui.css">
    <link rel="stylesheet" href="css/font-awesome.css?v=4.4.0">
    <link rel="stylesheet" href="css/common.css">
</head>
<body class="bgline3">

    <div class="bgpart mt10">
        <div class="ft16 posRelt pl15 lh40"><label class="weui-label is-required bold">主题 <span class="ft12 red">(必填)</span></label></div>
        <div class="weui-cell">
            <div class="weui-cell__bd">
                <input class="weui-input" type="text" placeholder="请输入">
            </div>
        </div>
    </div>

    <div class="bgpart mt10">
        <div class="ft16 posRelt pl15 lh40"><label class="weui-label is-required bold">内容 <span class="ft12 red">(必填)</span></label></div>
        <div class="weui-cell">
            <div class="weui-cell__bd">
                <textarea class="weui-textarea" placeholder="请输入" rows="3"></textarea>
            </div>
        </div>
    </div>

    <div class="bgpart mt10">
        <div class="ft16 posRelt pl15 lh40 flex between alcenter">
            <label class="weui-label bold">附件 <span class="ft12 gray97">(最大50M)</span></label>
            <div class="posRelt overxy" style="top:8px; right: 10px;">
                <a href="javascript:;" class="weui-btn weui-btn_mini weui-btn_primary bgblue"><i class="fa fa-folder-open-o"></i> 选择附件</a>
                <input type="file" class="abstort top0 lf0 opacity0">
            </div>
        </div>
        <div class="weui-cell">
            <div class="weui-cell__bd">
                <div class="ft12"><span>模块分类.docx  </span> <a class="red ml10" href="">删除</a> <a class="ml10" href="">下载</a> </div>
                <div class="ft12"><span>模块分类.docx  </span> <a class="red ml10" href="">删除</a> <a class="ml10" href="">下载</a> </div>
                <div class="ft12"><span>模块分类.docx  </span> <a class="red ml10" href="">删除</a> <a class="ml10" href="">下载</a> </div>
            </div>
        </div>
    </div>

    <div class="bgpart mt10">
        <div class="ft16 posRelt pl15 lh40 flex between alcenter">
            <label class="weui-label is-required bold">接收对象 <span class="ft12 red">(必填)</span></label>
            <div class="posRelt overxy" style="top:8px; right: 10px;">
                <a href="" class="weui-btn weui-btn_mini weui-btn_primary bgblue"><i class="fa fa-user"></i> 选择人员</a>
            </div>
        </div>
        <div class="weui-cell">
            <div class="weui-cell__bd">
                <div class="ft12 gray97">暂无接收对象</div>
            </div>
        </div>
    </div>

    <div class="bgpart mt10">
        <div class="ft16 posRelt pl15 lh40 bold"><label class="weui-label">署名</label></div>
        <div class="weui-cell">
            <div class="weui-cell__bd">
                <input class="weui-input" type="text" placeholder="请输入">
            </div>
        </div>
    </div>

    <div class="bgpart mt10">
        <div class="ft16 posRelt pl15 lh40 bold"><label class="weui-label">通知类型</label></div>
        <div class="weui-cells weui-cells_checkbox mt0 ft14">
            <label class="weui-cell weui-check__label" for="s11">
                <div class="weui-cell__hd">
                    <input type="checkbox" class="weui-check" name="checkbox1" id="s11" checked="checked">
                    <i class="weui-icon-checked"></i>
                </div>
                <div class="weui-cell__bd"><p>普通通知</p></div>
            </label>
            <label class="weui-cell weui-check__label" for="s12">
                <div class="weui-cell__hd">
                    <input type="checkbox" name="checkbox1" class="weui-check" id="s12">
                    <i class="weui-icon-checked"></i>
                </div>
                <div class="weui-cell__bd"><p>会议通知</p></div>
            </label>
            <label class="weui-cell weui-check__label" for="s13">
                <div class="weui-cell__hd">
                    <input type="checkbox" name="checkbox1" class="weui-check" id="s13">
                    <i class="weui-icon-checked"></i>
                </div>
                <div class="weui-cell__bd"><p>紧急通知</p></div>
            </label>
        </div>
    </div>

    <div class="bgpart mt10">
        <div class="ft16 posRelt pl15 lh40 bold"><label class="weui-label">短信</label></div>
        <div class="weui-cells weui-cells_radio mt0 ft14">
            <label class="weui-cell weui-check__label" for="x12">
                <div class="weui-cell__bd"><p>不发送</p></div>
                <div class="weui-cell__ft">
                    <input type="radio" name="radio1" class="weui-check" id="x12" checked="checked">
                    <span class="weui-icon-checked"></span>
                </div>
            </label>
            <label class="weui-cell weui-check__label" for="x11">
                <div class="weui-cell__bd"><p>发送</p></div>
                <div class="weui-cell__ft">
                    <input type="radio" class="weui-check" name="radio1" id="x11">
                    <span class="weui-icon-checked"></span>
                </div>
            </label>
        </div>
    </div>

    <div class="plr30 ptb20">
        <a href="javascript:;" class="weui-btn weui-btn_primary"><i class="fa fa-paper-plane-o mr10"></i> 发送</a>
    </div>

    <script src="lib/jquery-2.1.4.js"></script>
    <script src="js/jquery-weui.js"></script>

</body>
</html>